<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>联系我们</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/contact.css">
</head>

<body>
    <div class="home">

        <div class="header animated fadeInUp">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./index.html">首页</a>
                    </div>
                    <div class="item">
                        <a href="./about.html">关于我们</a>
                    </div>
                    <div class="item">
                        <a href="./advantages.html">竞争优势</a>
                    </div>
                    <div class="item">
                        <a href="./products.html">产品中心</a>
                    </div>
                    <div class="item">
                        <a href="./applications.html">应用案例</a>
                    </div>
                    <div class="item">
                        <a href="./news.html">新闻中心</a>
                    </div>
                    <div class="item">
                        <a href="./contact.html" class="active">联系我们</a>
                    </div>
                    <div class="item">
                        <a href="./download.html">资料下载</a>
                    </div>
                </div>
                <div class="lan">
                    <div class="l1">
                        <p>CN</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none">
                            <path d="M12.5954 1.2985L6.96387 6.93001L1.33236 1.2985" stroke="black"
                                stroke-width="2.4" />
                        </svg>
                    </div>
                    <a href="">
                        ENGLISH
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="lan">
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./advantages.html">竞争优势</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./applications.html">应用案例</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻中心</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./download.html">资料下载</a>
                </div>
            </div>
        </div>




        <div class="container">
            <div class="banner">
                <div class="bg">
                    <img src="./images/contact.png" alt="">
                </div>
                <div class="text">
                    <div class="p1 wow fadeInUp">
                        <p>联系我们</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                            <path d="M9.59707 0L0 20H11.4054L21 0H9.59707Z" fill="#0060B0" />
                        </svg>
                    </div>
                    <div class="p2 wow fadeInUp">
                        Contact Us
                    </div>
                </div>
            </div>

            <div class="main">
                <div class="section1">
                    <img src="./images/map.png" class="bg wow fadeInUp animated" alt="">
                    <div class="wrap">
                        <div class="title wow fadeInUp animated">
                            <h1>填写表单</h1>
                            <svg xmlns="http://www.w3.org/2000/svg" width="96" height="5" viewBox="0 0 96 5" fill="none">
                                <rect width="96" height="5" fill="#0060B0"/>
                                <rect width="68" height="5" fill="#00A6E5"/>
                            </svg>
                            <p>填写信息，我们会尽快回复您</p>
                        </div>
                        <form action="" class="r wow fadeInUp animated">
                            <input type="text" placeholder="姓名 *" required>
                            <input type="text" placeholder="职称 *" required>
                            <input type="text" placeholder="公司名称 *" required>
                            <input type="text" placeholder="咨询产品 *" required>
                            <input type="text" placeholder="电子邮件 *" required>
                            <input type="text" placeholder="电话 *" required>
                            <div class="button">
                                <button type="submit">提交</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="section2">
                    <div class="left">
                        <div class="jump">
                            <div class="title wow fadeInUp animated">
                                <h1>联系我们</h1>
                                <svg xmlns="http://www.w3.org/2000/svg" width="96" height="5" viewBox="0 0 96 5" fill="none">
                                    <rect width="96" height="5" fill="#0060B0"/>
                                    <rect width="68" height="5" fill="#00A6E5"/>
                                </svg>
                            </div>
                            <div class="message wow fadeInUp animated">
                                <div class="list">
                                    <div class="border">
                                        <img src="./images/tel.png" alt="">
                                    </div>
                                    <div class="text">
                                        <p>电话</p>
                                        <p>13537775677</p>
                                    </div>
                                </div>
                                <div class="list">
                                    <div class="border">
                                        <img src="./images/yx.png" alt="">
                                    </div>
                                    <div class="text">
                                        <p>电子邮件</p>
                                        <p>cn.sales@szzhaowei.net</p>
                                    </div>
                                </div>
                            </div>
                            <div class="code wow fadeInUp animated">
                                <div class="list">
                                    <img src="./images/code_1.png" alt="">
                                    <p>微信公众号</p>
                                </div>
                                <div class="list">
                                    <img src="./images/code_2.png" alt="">
                                    <p>抖音号</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="r">
                        <div id="container"></div>
                        <template>
                            <div class="mask_color">
                                <div class="img">
                                    <img src="./images/con_logo.png" alt="">
                                </div>
                                <div class="pick">
                                    <h1>苏州市兆威工业科技有限公司</h1>
                                    <p>江苏省苏州市高新区嘉陵江路333号</p>
                                </div>
                            </div>
                        </template>
                    </div>

                </div>
            </div>
        </div>

        <div class="foot">
            <div class="line">
                <div class="l1"></div>
                <div class="l2"></div>
            </div>
            <div class="dom1">
                <div class="links">
                    <div class="item">
                        <p>关于我们</p>
                        <div class="aList">
                            <a href="">公司简介</a>
                            <a href="">发展历程</a>
                            <a href="">获得成就</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>产品中心</p>
                        <div class="aList">
                            <a href="">滚筒电机</a>
                            <a href="">输送线系列</a>
                            <a href="">皮带仙系列</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>新闻中心</p>
                        <div class="aList">
                            <a href="">企业新闻</a>
                            <a href="">通知公告</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>主要服务</p>
                        <div class="aList">
                            <a href="">电商</a>
                            <a href="">机场</a>
                            <a href="">医疗</a>
                            <a href="">工厂</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>联系我们</p>
                        <div class="aList">
                            <a href="">联系我们</a>
                        </div>
                    </div>
                </div>
                <div class="info">
                    <div class="des">
                        苏州市兆威工业科技有限公司<br>
                        江苏省苏州市高新区嘉陵江路333号
                    </div>
                    <div class="des">
                        Suzhou Zhaowei industrial Science & Technology Co.,Ltd
                        333 Jiulingjiang Road, Suzhou New District, Suzhou City, jiangsu Province
                    </div>
                    <div class="des">
                        邮箱/Email: cn.sales@szzhaowei.net
                    </div>
                </div>
                <div class="codes">
                    <div class="phone">400-0082-880</div>
                    <div class="icons">
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode1.png" alt="">
                            </div>
                            <p>微信公众号</p>
                        </div>
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode2.png" alt="">
                            </div>
                            <p>联系我们</p>
                        </div>
                        <div class="i">
                            <div class="pic">
                                <img src="./images/fcode3.png" alt="">
                            </div>
                            <p>抖音号</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    <a href="">
                        沪公网安备 31010502005189号
                    </a>
                    <a href="">
                        沪ICP备15033725号
                    </a>
                    <p>2024 Interroll Group</p>
                </div>
                <div class="r">
                    <a href="">
                        法律声明和条款
                    </a>
                    <a href="">
                        使用条款和隐私
                    </a>
                </div>
            </div>
        </div>




    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script src="https://webapi.amap.com/maps?v=2.0&key=40a7cdc93577084ae7fa5ac736351276"></script>
</body>
<script>
    new WOW().init();
    var map = new AMap.Map('container', {
        viewMode: '2D', // 默认使用 2D 模式，如果希望使用带有俯仰角的 3D 模式，请设置 viewMode: '3D'
        zoom:11, // 初始化地图层级
        center: [120.426287,31.366608] // 初始化地图中心点
    });

    var marker = new AMap.Marker({
        position: map.getCenter(),
        icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
        anchor:'bottom-center',
        offset: new AMap.Pixel(0, 0)
    });
    marker.setMap(map);

    // 设置鼠标划过点标记显示的文字提示
    marker.setTitle('我是marker的title');

    // 设置label标签
    // label默认蓝框白底左上角显示，样式className为：amap-marker-label
    marker.setLabel({
        direction:'right',
        offset: new AMap.Pixel(10, 0),  //设置文本标注偏移量
        content: $('template').html()
    });
</script>
</html>